<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<title>会说话的时光</title>

		<!-- meta -->
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" content="时光  说话" />
		<meta name="description" content="会说话的时光"/>
	    <!-- css -->
		<link rel="stylesheet" href="${base}/css/bootstrap.min.css">
		<link rel="stylesheet" href="${base}/css/ionicons.min.css">
		<link rel="stylesheet" href="${base}/css/pace.css">
	    <link rel="stylesheet" href="${base}/css/custom.css">
		<link rel="stylesheet" href="${base}/css/gh-buttons.css">
	    <!-- js -->
	    <script src="${base}/js/jquery-2.1.3.min.js"></script>
	    <script src="${base}/js/bootstrap.min.js"></script>
	    <script src="${base}/js/pace.min.js"></script>
	    <script src="${base}/js/modernizr.custom.js"></script>
	    <script src="${base}/js/script.js"></script>
	</head>

	<body id="page">
		<%@ include file="menu.jsp" %>

		<div class="content-body">
			<div class="container">
				<div class="row">
					<main class="col-md-12">
						<h1 class="page-title">加入我们(sorry ,该功能暂时还没开放)</h1>
						<article class="post">
							<div class="entry-content clearfix">
								<form  id="fom" class="contact-form">
									<div class="row">
										<div class="col-md-6 col-md-offset-3">
											<input type="text" name="username" placeholder="登录名" required>
											<input type="password" name="password" placeholder="密码" required>
											<input type="text" name="wordname" placeholder="笔名" required>
											<input type="email" name="email" placeholder="邮件" required>
											<textarea name="message" rows="7" placeholder="有什么要对我们说的么？亲" required></textarea>
											<a href="javascript:void(0)" class="button big" id="comitbtn"><span>提交</span></a>
										</div>
									</div>	<!-- row -->
								</form>
							</div>
						</article>
					</main>
				</div>
			</div>
		</div>
	<%@ include file="foot.jsp" %>

		<!-- Mobile Menu -->
		<div class="overlay overlay-hugeinc">
			<button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="full-width.html">Blog</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</nav>
		</div>
	</body>
<script language="javaScript">
$("#comitbtn").click(function(){
	$.ajax({
	    url:'${base}/user/save',
		cache: false,
        type: "POST",
        data:$('#fom').serialize(),// 你的formid
        async: false,
        error: function(request) {
            alert("Connection error");
        },
        success: function(data) {
            alert(data.msg);
        }
	})
})
</script>
</html>
